<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中文api - Swiper2|Swiper中文网</title>
<meta name="keywords" content="Swiper中文API，Swiper参数，Swiper设置，Swiper配置，Swiper option" />
<meta name="description" content="通过在线演示直观地了解Swiper2.x的基础配置、使用方法。查看中文API了解Swiper的参数、属性、事件、回调函数等。" />
<link href="../templets/default/style/base.css" rel="stylesheet" media="screen" type="text/css" />
<link href="../templets/default/style/layout.css" rel="stylesheet" media="screen" type="text/css" />
<link rel="stylesheet" href="../templets/default/style/highlight.css">
<link rel="stylesheet" href="../templets/default/style/xcode.css">
<script src="../demo/js/jquery-1.10.1.min.js"></script> 
<script src="../templets/default/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="shortcut icon" href="../templets/default/images/favicon.png">
</head>
<body>

<div id="header"><div class="inner">
<ul id="nav">
<li id="logo"><a href="../2-swiper-com-cn.html">Swiper中文网</a></li>
<li><a href="../2-swiper-com-cn.html">首页</a></li>
<li class="sub" onmouseover="display(this)" onmouseout="ndisplay(this)"><a href="#">在线演示</a> 
<ul>
<li><a href="../demo/index.html">Swiper演示</a> </li>
<li><a href="../demo/smooth/index.html">Swiper Smooth Progress插件演示</a> </li>
<li><a href="../demo/3dflow/index.html">Swiper 3D flow插件演示</a> </li>
<li><a href="../demo/scrollbar/index.html">Swiper Scrollbar插件演示</a> </li>
<li><a href="../demo/senior/index.html">实际应用演示</a> </li>
</ul>
</li>
<li class="sub" onmouseover="display(this)" onmouseout="ndisplay(this)"><a href="#">中文教程</a>
<ul>
<li><a href="../usage/index.html">Swiper使用方法</a> </li>
<li><a href="../usage/smooth/index.html">Swiper Smooth Progress使用方法</a> </li>
<li><a href="../usage/3dflow/index.html">Swiper 3D flow使用方法</a> </li>
<li><a href="../usage/scrollbar/index.html">Swiper Scrollbar使用方法</a> </li>
</ul>
</li>
<li><a href="index.html">API 文档</a> </li>
<li><a href="../download/index.html">下载Swiper</a>  </li>
<li><a href="../about/index.html">关于Swiper</a></li>
<li><a href="../http--www.swiper.com.cn/www-swiper-com-cn.html">Swiper3</a></li>
</ul>
<div class="search" id="search">
      <form  name="formsearch" action="http://2.swiper.com.cn/plus/search.php">
        <div class="form">
           <input type="hidden" name="kwtype" value="0" />
           <input name="q" type="text" class="search-keyword" id="search-keyword" value="搜索参数" onfocus="if(this.value=='搜索参数'){this.value='';}"  onblur="if(this.value==''){this.value='搜索参数';}" />
          <button type="submit" class="search-submit">搜索</button>
        </div>
        </form>
        
    </div>
</div></div>
<div id="api" class="full">
<div id="aside">
<div class="top">
<h2>配置选项</h2>
<p><span style="background:#FF0;">Swiper2.x</span>的全部配置选项、方法、函数</p>
</div>
<dl>
<dt><a href="#">Swiper初始化</a></dt>
<dd class='article140'><a class="option" href='start/2014/1218/140.html'>new Swiper(container,options)</a></dd>
</dl>
<dl>
<dt><a href="#">Basic（Swiper基础选项）</a></dt>
<dd class='article16'><a class="option" href='basic/2014/1213/16.html'>autoplay</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article17'><a class="option" href='basic/2014/1213/17.html'>speed</a><span class="value">:<span class='hljs-number'><q>300</q></span></span></dd><dd class='article18'><a class="option" href='basic/2014/1213/18.html'>eventTarget</a><span class="value">:<span class='hljs-string'><q>wrapper</q></span></span></dd><dd class='article19'><a class="option" href='basic/2014/1215/19.html'>autoplayDisableOnInteraction</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article20'><a class="option" href='basic/2014/1215/20.html'>autoplayStopOnLast</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article21'><a class="option" href='basic/2014/1215/21.html'>mode</a><span class="value">:<span class='hljs-string'><q>horizontal</q></span></span></dd><dd class='article22'><a class="option" href='basic/2014/1215/22.html'>loop</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article23'><a class="option" href='basic/2014/1215/23.html'>loopAdditionalSlides</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article24'><a class="option" href='basic/2014/1215/24.html'>slidesPerView</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article25'><a class="option" href='basic/2014/1215/25.html'>loopedSlides</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article26'><a class="option" href='basic/2014/1215/26.html'>slidesPerViewFit</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article27'><a class="option" href='basic/2014/1217/27.html'>slidesPerGroup</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article28'><a class="option" href='basic/2014/1217/28.html'>calculateHeight</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article29'><a class="option" href='basic/2014/1217/29.html'>roundLengths</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article30'><a class="option" href='basic/2014/1217/30.html'>cssWidthAndHeight</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article31'><a class="option" href='basic/2014/1217/31.html'>updateOnImagesReady</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article32'><a class="option" href='basic/2014/1217/32.html'>releaseFormElements</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article33'><a class="option" href='basic/2014/1217/33.html'>watchActiveIndex</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article34'><a class="option" href='basic/2014/1217/34.html'>visibilityFullFit</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article35'><a class="option" href='basic/2014/1217/35.html'>autoResize</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article36'><a class="option" href='basic/2014/1217/36.html'>resizeReInit</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article37'><a class="option" href='basic/2014/1217/37.html'>DOMAnimation</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article38'><a class="option" href='basic/2014/1217/38.html'>resistance</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article39'><a class="option" href='basic/2014/1217/39.html'>noSwiping</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article40'><a class="option" href='basic/2014/1217/40.html'>preventLinks</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article41'><a class="option" href='basic/2014/1217/41.html'>preventLinksPropagation</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article42'><a class="option" href='basic/2014/1217/42.html'>initialSlide</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article43'><a class="option" href='basic/2014/1217/43.html'>useCSS3Transforms</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Free Mode （free模式/抵抗反弹）</a></dt>
<dd class='article44'><a class="option" href='freemode/2014/1217/44.html'>freeMode</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article45'><a class="option" href='freemode/2014/1217/45.html'>freeModeFluid</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article46'><a class="option" href='freemode/2014/1217/46.html'>scrollContainer</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article47'><a class="option" href='freemode/2014/1217/47.html'>momentumRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article48'><a class="option" href='freemode/2014/1217/48.html'>momentumBounce</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article49'><a class="option" href='freemode/2014/1217/49.html'>momentumBounceRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd></dl>
<dl>
<dt><a href="#">Slides offset  (slides位移选项)</a></dt>
<dd class='article50'><a class="option" href='slidesoffset/2014/1217/50.html'>centeredSlides</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article51'><a class="option" href='slidesoffset/2014/1217/51.html'>offsetPxBefore</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article52'><a class="option" href='slidesoffset/2014/1217/52.html'>offsetPxAfter</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article53'><a class="option" href='slidesoffset/2014/1217/53.html'>offsetSlidesBefore</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd><dd class='article54'><a class="option" href='slidesoffset/2014/1217/54.html'>offsetSlidesAfter</a><span class="value">:<span class='hljs-number'><q>0</q></span></span></dd></dl>
<dl>
<dt><a href="#">Touch/mouse interactions (触发Swiper选项)</a></dt>
<dd class='article55'><a class="option" href='touch/2014/1217/55.html'>touchRatio</a><span class="value">:<span class='hljs-number'><q>1</q></span></span></dd><dd class='article56'><a class="option" href='touch/2014/1217/56.html'>simulateTouch</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article57'><a class="option" href='touch/2014/1217/57.html'>onlyExternal</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article58'><a class="option" href='touch/2014/1217/58.html'>followFinger</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article59'><a class="option" href='touch/2014/1217/59.html'>grabCursor</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article60'><a class="option" href='touch/2014/1217/60.html'>shortSwipes</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article61'><a class="option" href='touch/2014/1217/61.html'>longSwipesRatio</a><span class="value">:<span class='hljs-number'><q>0.5</q></span></span></dd><dd class='article62'><a class="option" href='touch/2014/1217/62.html'>moveStartThreshold</a><span class="value">:<span class='hljs-number'><q>false</q></span></span></dd><dd class='article63'><a class="option" href='touch/2014/1217/63.html'>swipeToNext</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article64'><a class="option" href='touch/2014/1217/64.html'>swipeToPrev</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Navigation (鼠标、键盘控制选项)</a></dt>
<dd class='article65'><a class="option" href='navigation/2014/1217/65.html'>keyboardControl</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article66'><a class="option" href='navigation/2014/1217/66.html'>mousewheelControl</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article67'><a class="option" href='navigation/2014/1217/67.html'>mousewheelControlForceToAxis</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd></dl>
<dl>
<dt><a href="#">Pagination（分页器选项）</a></dt>
<dd class='article68'><a class="option" href='pagination/2014/1217/68.html'>pagination</a><span class="value">:<span class='hljs-string'><q></q></span></span></dd><dd class='article69'><a class="option" href='pagination/2014/1217/69.html'>paginationClickable</a><span class="value">:<span class='hljs-literal'><q>false</q></span></span></dd><dd class='article70'><a class="option" href='pagination/2014/1217/70.html'>paginationAsRange</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd><dd class='article71'><a class="option" href='pagination/2014/1217/71.html'>createPagination</a><span class="value">:<span class='hljs-literal'><q>true</q></span></span></dd></dl>
<dl>
<dt><a href="#">Namespace （命名空间）</a></dt>
<dd class='article72'><a class="option" href='namespace/2014/1217/72.html'>wrapperClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-wrapper</q></span></span></dd><dd class='article73'><a class="option" href='namespace/2014/1217/73.html'>slideClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide</q></span></span></dd><dd class='article74'><a class="option" href='namespace/2014/1217/74.html'>slideActiveClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide-active</q></span></span></dd><dd class='article75'><a class="option" href='namespace/2014/1217/75.html'>slideVisibleClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-slide-visible</q></span></span></dd><dd class='article76'><a class="option" href='namespace/2014/1217/76.html'>slideElement</a><span class="value namespace">:<span class='hljs-string'><q>div</q></span></span></dd><dd class='article77'><a class="option" href='namespace/2014/1217/77.html'>noSwipingClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-no-swiping</q></span></span></dd><dd class='article78'><a class="option" href='namespace/2014/1217/78.html'>paginationElement</a><span class="value namespace">:<span class='hljs-string'><q>span</q></span></span></dd><dd class='article79'><a class="option" href='namespace/2014/1217/79.html'>paginationElementClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-pagination-switch</q></span></span></dd><dd class='article80'><a class="option" href='namespace/2014/1217/80.html'>paginationActiveClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-active-switch</q></span></span></dd><dd class='article81'><a class="option" href='namespace/2014/1217/81.html'>paginationVisibleClass</a><span class="value namespace">:<span class='hljs-string'><q>swiper-visible-switch</q></span></span></dd></dl>
<dl>
<dt><a href="#">Callbacks （回调函数）</a></dt>
<dd class='article137'><a class="option" href='callbacks/2014/1218/137.html'>addCallback:function(){...}</a></dd><dd class='article138'><a class="option" href='callbacks/2014/1218/138.html'>fireCallback:function(){...}</a></dd><dd class='article139'><a class="option" href='callbacks/2014/1218/139.html'>removeCallbacks:function(){...}</a></dd><dd class='article82'><a class="option" href='callbacks/2014/1217/82.html'>queueStartCallbacks:function(){...}</a></dd><dd class='article83'><a class="option" href='callbacks/2014/1217/83.html'>queueEndCallbacks:function(){...}</a></dd><dd class='article84'><a class="option" href='callbacks/2014/1217/84.html'>onFirstInit:function(){...}</a></dd><dd class='article85'><a class="option" href='callbacks/2014/1217/85.html'>onInit:function(){...}</a></dd><dd class='article86'><a class="option" href='callbacks/2014/1217/86.html'>onSwiperCreated:function(){...}</a></dd><dd class='article87'><a class="option" href='callbacks/2014/1217/87.html'>onTouchStart:function(){...}</a></dd><dd class='article88'><a class="option" href='callbacks/2014/1217/88.html'>onTouchMove:function(){...}</a></dd><dd class='article89'><a class="option" href='callbacks/2014/1217/89.html'>onTouchEnd:function(){...}</a></dd><dd class='article90'><a class="option" href='callbacks/2014/1217/90.html'>onSlideReset:function(){...}</a></dd><dd class='article91'><a class="option" href='callbacks/2014/1217/91.html'>onSlideChangeStart:function(){...}</a></dd><dd class='article92'><a class="option" href='callbacks/2014/1217/92.html'>onSlideChangeEnd:function(){...}</a></dd><dd class='article93'><a class="option" href='callbacks/2014/1217/93.html'>onSlideNext:function(){...}</a></dd><dd class='article94'><a class="option" href='callbacks/2014/1217/94.html'>onSlidePrev:function(){...}</a></dd><dd class='article95'><a class="option" href='callbacks/2014/1217/95.html'>onSlideClick:function(){...}</a></dd><dd class='article96'><a class="option" href='callbacks/2014/1217/96.html'>onSlideTouch:function(){...}</a></dd><dd class='article97'><a class="option" href='callbacks/2014/1217/97.html'>onImagesReady:function(){...}</a></dd><dd class='article98'><a class="option" href='callbacks/2014/1217/98.html'>onMomentumBounce:function(){...}</a></dd><dd class='article191'><a class="option" href='callbacks/2017/0102/191.html'>onAutoplayStop:function(){...}</a></dd><dd class='article192'><a class="option" href='callbacks/2017/0102/192.html'>onAutoplayStart:function(){...}</a></dd><dd class='article99'><a class="option" href='callbacks/2014/1217/99.html'>onResistanceBefore:function(){...}</a></dd><dd class='article100'><a class="option" href='callbacks/2014/1217/100.html'>onResistanceAfter:function(){...}</a></dd><dd class='article101'><a class="option" href='callbacks/2014/1217/101.html'>onSetWrapperTransition:function(){...}</a></dd><dd class='article102'><a class="option" href='callbacks/2014/1217/102.html'>onSetWrapperTransform:function(){...}</a></dd>
</dl>


<dl>
<dt><a href="#">Function （Swiper函数）</a></dt>
<dd class='article103'><a class="option" href='function/2014/1218/103.html'>disableMousewheelControl()</a></dd><dd class='article104'><a class="option" href='function/2014/1218/104.html'>enableMousewheelControl()</a></dd><dd class='article105'><a class="option" href='function/2014/1218/105.html'>enableKeyboardControl()</a></dd><dd class='article106'><a class="option" href='function/2014/1218/106.html'>disableKeyboardControl()</a></dd><dd class='article107'><a class="option" href='function/2014/1218/107.html'>swipeNext()</a></dd><dd class='article108'><a class="option" href='function/2014/1218/108.html'>swipePrev()</a></dd><dd class='article109'><a class="option" href='function/2014/1218/109.html'>swipeTo(index,speed,runCallbacks)</a></dd><dd class='article110'><a class="option" href='function/2014/1218/110.html'>activeSlide()</a></dd><dd class='article111'><a class="option" href='function/2014/1218/111.html'>startAutoplay()</a></dd><dd class='article112'><a class="option" href='function/2014/1218/112.html'>stopAutoplay()</a></dd><dd class='article113'><a class="option" href='function/2014/1218/113.html'>destroy(removeResizeEvent)</a></dd><dd class='article114'><a class="option" href='function/2014/1218/114.html'>resizeFix()</a></dd><dd class='article115'><a class="option" href='function/2014/1218/115.html'>reInit()</a></dd><dd class='article116'><a class="option" href='function/2014/1218/116.html'>getWrapperTranslate(axis)</a></dd><dd class='article117'><a class="option" href='function/2014/1218/117.html'>setWrapperTranslate(x,y,z)</a></dd><dd class='article118'><a class="option" href='function/2014/1218/118.html'>wrapperTransitionEnd()</a></dd><dd class='article189'><a class="option" href='function/2015/0213/189.html'>setTransform(instance,Transform)</a></dd><dd class='article190'><a class="option" href='function/2015/0213/190.html'>setTransition(instance,duration)</a></dd>
</dl>
<dl>
<dt><a href="#">Method （Swiper方法）</a></dt>
<dd class='article119'><a class="option" href='method/2014/1218/119.html'>browser.ie10</a></dd><dd class='article120'><a class="option" href='method/2014/1218/120.html'>browser.ie8</a></dd><dd class='article121'><a class="option" href='method/2014/1218/121.html'>support.touch</a></dd><dd class='article122'><a class="option" href='method/2014/1218/122.html'>support.transforms</a></dd><dd class='article123'><a class="option" href='method/2014/1218/123.html'>support.transforms3d</a></dd><dd class='article124'><a class="option" href='method/2014/1218/124.html'>support.transitions</a></dd><dd class='article125'><a class="option" href='method/2014/1218/125.html'>clickedSlideIndex</a></dd><dd class='article126'><a class="option" href='method/2014/1218/126.html'>clickedSlide</a></dd><dd class='article127'><a class="option" href='method/2014/1218/127.html'>activeIndex</a></dd><dd class='article128'><a class="option" href='method/2014/1218/128.html'>activeLoopIndex</a></dd><dd class='article129'><a class="option" href='method/2014/1218/129.html'>activeLoaderIndex</a></dd><dd class='article130'><a class="option" href='method/2014/1218/130.html'>previousIndex</a></dd><dd class='article131'><a class="option" href='method/2014/1218/131.html'>width</a></dd><dd class='article132'><a class="option" href='method/2014/1218/132.html'>height</a></dd><dd class='article133'><a class="option" href='method/2014/1218/133.html'>isTouched</a></dd><dd class='article134'><a class="option" href='method/2014/1218/134.html'>positions</a></dd><dd class='article135'><a class="option" href='method/2014/1218/135.html'>touches</a></dd><dd class='article136'><a class="option" href='method/2014/1218/136.html'>params</a></dd></dl>
<dl>
<dt><a href="#">增加、删除Slide</a></dt>
<dd class='article141'><a class="option" href='swiper-slide/2014/1218/141.html'>createSlide(html,slideClassList,element)</a></dd><dd class='article142'><a class="option" href='swiper-slide/2014/1218/142.html'>slides</a></dd><dd class='article143'><a class="option" href='swiper-slide/2014/1218/143.html'>appendSlide(HTML,slideClassList,element)</a></dd><dd class='article144'><a class="option" href='swiper-slide/2014/1218/144.html'>appendSlide(slideInstance)</a></dd><dd class='article145'><a class="option" href='swiper-slide/2014/1218/145.html'>prependSlide(HTML,slideClassList,element)</a></dd><dd class='article146'><a class="option" href='swiper-slide/2014/1218/146.html'>prependSlide(slideInstance)</a></dd><dd class='article147'><a class="option" href='swiper-slide/2014/1218/147.html'>insertSlideAfter(index,HTML,slideClassList,element)</a></dd><dd class='article148'><a class="option" href='swiper-slide/2014/1218/148.html'>insertSlideAfter(index,slideInstance)</a></dd><dd class='article149'><a class="option" href='swiper-slide/2014/1218/149.html'>removeSlide(index)</a></dd><dd class='article150'><a class="option" href='swiper-slide/2014/1218/150.html'>removeLastSlide()</a></dd><dd class='article151'><a class="option" href='swiper-slide/2014/1218/151.html'>removeAllSlides()</a></dd><dd class='article152'><a class="option" href='swiper-slide/2014/1218/152.html'>getSlide(index)</a></dd><dd class='article153'><a class="option" href='swiper-slide/2014/1218/153.html'>getLastSlide()</a></dd><dd class='article154'><a class="option" href='swiper-slide/2014/1218/154.html'>getFirstSlide()</a></dd>
</dl>
<dl>
<dt><a href="#">控制slide</a></dt>
<dd class='article170'><a class="option" href='newSlide/2014/1221/170.html'>append()</a></dd><dd class='article171'><a class="option" href='newSlide/2014/1221/171.html'>prepend()</a></dd><dd class='article172'><a class="option" href='newSlide/2014/1221/172.html'>remove()</a></dd><dd class='article173'><a class="option" href='newSlide/2014/1221/173.html'>getWidth()</a></dd><dd class='article174'><a class="option" href='newSlide/2014/1221/174.html'>getHeight()</a></dd><dd class='article175'><a class="option" href='newSlide/2014/1221/175.html'>getOffset()</a></dd><dd class='article176'><a class="option" href='newSlide/2014/1221/176.html'>insertAfter(index)</a></dd><dd class='article177'><a class="option" href='newSlide/2014/1221/177.html'>clone()</a></dd></dl>
<dl>
<dt><a href="#">设置slide</a></dt>
<dd class='article163'><a class="option" href='slide/2014/1218/163.html'>html(innerHTML)</a></dd><dd class='article164'><a class="option" href='slide/2014/1218/164.html'>index()</a></dd><dd class='article165'><a class="option" href='slide/2014/1218/165.html'>isActive()</a></dd><dd class='article166'><a class="option" href='slide/2014/1218/166.html'>setData(name,value)</a></dd><dd class='article167'><a class="option" href='slide/2014/1218/167.html'>getData(name)</a></dd><dd class='article168'><a class="option" href='slide/2014/1218/168.html'>data(name,value)</a></dd><dd class='article169'><a class="option" href='slide/2014/1218/169.html'>data(name)</a></dd>
</dl>
<dl>
<dt><a href="#">Swiper 3D flow插件参数</a></dt>
<dd class='article178'><a class="option" href='3dflow/2015/0203/178.html'>rotate</a></dd><dd class='article179'><a class="option" href='3dflow/2015/0203/179.html'>stretch</a></dd><dd class='article180'><a class="option" href='3dflow/2015/0203/180.html'>depth</a></dd><dd class='article181'><a class="option" href='3dflow/2015/0203/181.html'>modifier</a></dd><dd class='article182'><a class="option" href='3dflow/2015/0203/182.html'>shadows</a></dd>
</dl>
<dl>
<dt><a href="#">Swiper Scrollbar插件参数</a></dt>
<dd class='article183'><a class="option" href='scrollbar/2015/0204/183.html'>container</a></dd><dd class='article184'><a class="option" href='scrollbar/2015/0205/184.html'>draggable</a></dd><dd class='article185'><a class="option" href='scrollbar/2015/0205/185.html'>hide</a></dd><dd class='article186'><a class="option" href='scrollbar/2015/0205/186.html'>snapOnRelease</a></dd><dd class='article187'><a class="option" href='scrollbar/2015/0205/187.html'>dragSize</a></dd><dd class='article188'><a class="option" href='scrollbar/2015/0205/188.html'>onScrollbarDrag</a></dd>
</dl>
<br /><br />



</div>
<script>
$("#aside dt a").click(function(){
	
	$(this).parent().parent().find("dd").addClass('show');
return false;
	})
</script>
<div id="content">
<div class="api-box">
<h2>
	Swiper基本结构</h2>
<div style="text-align: center">
	<img alt="" src="../uploads/allimg/141225/1-141225162955559.png" style="height: 416px; width: 700px" /></div>
<h2>
	名词解释</h2>
<table class="api-translate-table">
	<tbody>
		<tr>
			<th>
				名词</th>
			<th>
				翻译</th>
			<th>
				描述</th>
		</tr>
		<tr>
			<td class="stitle">
				Swiper</td>
			<td>
				滑动、切换</td>
			<td>
				整个滑动对象，有时特指<span style="color:#ff0000;"><strong>滑块释放后仍然正向移动直到贴合边缘的过程</strong></span></td>
		</tr>
		<tr>
			<td class="stitle">
				container</td>
			<td>
				容器</td>
			<td>
				Swiper的容器，里面包括滑动块（slide）的集合（wrapper)、分页器(pagination)、前进按钮等</td>
		</tr>
		<tr>
			<td class="stitle">
				wrapper</td>
			<td>
				包含</td>
			<td>
				触控的对象，可触摸区域，移动的块的集合</td>
		</tr>
		<tr>
			<td class="stitle">
				slider</td>
			<td>
				滑块</td>
			<td>
				切换的块中的一个，可以是一段文字、一张图片或者一段html代码</td>
		</tr>
		<tr>
			<td class="stitle">
				pagination</td>
			<td>
				分页</td>
			<td>
				指示slide的数量和当前活动的slide</td>
		</tr>
		<tr>
			<td class="stitle">
				active</td>
			<td>
				活动的，激活的</td>
			<td>
				默认可视区域内最左边的slide是活动的，其他的是非活动的</td>
		</tr>
		<tr>
			<td class="stitle">
				callback</td>
			<td>
				回调函数</td>
			<td>
				在某些情况下触发</td>
		</tr>
	</tbody>
</table>
<br />

</div>
</div>

<div id="right-bar">
<div class="adsense">
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- swiper2-API -->
<ins class="adsbygoogle"
     style="display:inline-block;width:160px;height:600px"
     data-ad-client="ca-pub-8527457878009645"
     data-ad-slot="8554741016"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


<div>&nbsp;</div>
</div>

</div>
<div id="footer">
  <div class="inner">Copyright © 2015 Swiper中文网,<a href="http://www.miitbeian.gov.cn/" rel="nofollow" style="color:inherit; text-decoration:none;">粤ICP备15001020号</a>, All Rights Reserved。</div>
</div>
<script language="javascript">
function display(li){    
li.className='active';
var subdis=li.getElementsByTagName("ul")[0];    
subdis.style.display="block";    
}
function ndisplay(li){ 
li.className='noactive';   
var subdis=li.getElementsByTagName("ul")[0];        
subdis.style.display="None";    
}</script>

<div style="display:none;">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6387fcb06c7f33ad6787ab913d4e6d10' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>

</body>
</html>
